<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>电影购票系统</title>

    <script type="text/javascript" src="${pageContext.request.contextPath}/vue.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/vue-resource.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/layui.css" id="layui">
    <Link rel="stylesheet" href="${pageContext.request.contextPath}/front/css/main.css">
    <script src="${pageContext.request.contextPath}/layui.js"></script>

</head>

<body>
<%@include file="common/header.jsp" %>
<div class="header-placeholder"></div>
<div id="app" class="container">
    <div class="content">
        <%@include file="common/aside.jsp" %>
        <div class="main">
            <div class="movie-grid">
                <div class="panel">
                    <div class="panel-header">
                        <span class="panel-title">
                            <span class="textcolor_red">搜索结果</span>
                        </span>
                    </div>
                    <div class="panel-content">
                        <ul class="movie-list">
                            <c:forEach var="item" items="${moviesList}">
                                <li class="ranking-item ranking-top ranking-index-1">

                                        <a href="${pageContext.request.contextPath}/front/detail.do?id=${item.id}" target="_blank">
                                            <div class=ranking-top-left>
                                                <img class="ranking-img default-img" src="${item.imgpath}" style="width: 188px;float: left;margin-right: 10px ">
                                            </div>
                                            <div class="panel">
                                                <font color="black">电影详情：</font>
                                                <p>${item.description}</p>
                                            </div>
                                            <%--清除浮动--%>
                                            <div style="clear: both"></div>
                                            <div class="ranking-top-right">
                                                <div class="ranking-top-right-main" style="margin-left: 45px;align-items: center" >
                                                     <span class="ranking-top-moive-name">${item.moviename.split(" ")[0]}</span>
                                                        <p class="ranking-top-wish">票房：${item.boxoffice}(亿)</p>
                                                </div>
                                            </div>
                                        </a>


                                </li>
                            </c:forEach>
                        </>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<%@include file="common/footer.jsp" %>
</body>


</html>